﻿@using TomNet.IMSC.Model.DbModels.NewHouse;
@{
    Layout = null;
    var pentity = ViewData["pentity"] as PropertyConsultant;
    var BuildingID = ViewBag.BuildingID;
}
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link href="~/Content/Css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="~/Content/Css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="~/Content/Css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="~/Content/Css/animate.css" rel="stylesheet">
    <link href="~/Content/Css/style.css?v=4.1.0" rel="stylesheet">
    <link href="~/Content/Css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="~/Content/Common.css" rel="stylesheet" />
    <link href="~/Content/Css/plugins/multiselect/bootstrap-multiselect.css" rel="stylesheet" />
    <title>Insert</title>
    <style type="text/css">
        .i-checks {
            padding-left: 15px;
        }

        .ibox {
            margin-bottom: 0px;
        }


        .multiselect-container input[type="checkbox"] {
            margin-top: 7px;
        }

        .pull-left {
            padding-left: 0px;
        }

        #BZid {
            width: 78px;
        }

        #BZinput {
            width: 637px;
        }
        /*.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
        .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
        .btn-group,div {
            border-style: solid;
            border-width: 1px;
            border-color: #000;
        }*/
        .div {
            padding-left: 0px;
            padding-right: 0px;
        }
    </style>
</head>
<body>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="col-sm-12">
            <form class="form-horizontal m-t" id="mainForm">


                <input type="hidden" id="Id" name="Id" value="@pentity.Id" />
                <input type="hidden" id="BuildingID" name="BuildingID" value="@BuildingID" />
                <input type="hidden" id="IsLocked" name="IsLocked" value="@pentity.IsLocked" />
                <input type="hidden" id="IsDeleted" name="IsDeleted" value="@pentity.IsDeleted" />


                <div class="form-group">
                    <label class="col-xs-2 control-label">姓名：</label>
                    <div class="col-xs-10">
                        <input id="Name" name="Name" type="text" class="form-control" value="@pentity.Name">
                        <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请填写姓名</span>
                    </div>
                </div> 
                <div class="form-group">
                    <label class="col-xs-2 control-label">性别：</label>
                    <div class="col-xs-10">
                        <div class="radio i-checks div">
                            <label>
                                <input type="radio" value="0" id="Sexboy" name="Sex" style="position: absolute; opacity: 0;"  @(pentity.Sex == 0 ? "checked" : "")>男
                            </label>
                            <label>
                                <input type="radio" value="1" id="Sexgril" name="Sex" style="position: absolute; opacity: 0;"  @(pentity.Sex == 1 ? "checked" : "")>女
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-2 control-label">职务：</label>
                    <div class="col-xs-10">
                        <input id="Duties" name="Duties" type="text" class="form-control" value="@pentity.Duties">
                        <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请填写职务</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-2 control-label">电话：</label>
                    <div class="col-xs-10">
                        <input id="Phone" name="Phone" type="text" class="form-control" value="@pentity.Phone">
                        <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请填写电话</span>
                    </div>
                </div> 
                <div>
                    <button id="submit" class="btn btn-primary pull-right" type="submit">
                        <i class="fa fa-check"></i>&nbsp;提&nbsp;交
                    </button>
                </div>
            </form>
        </div>
    </div>  
      <!-- 全局js -->
    <script type="text/javascript" src="~/Scripts/jquery.min.js?v=2.1.4"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.min.js?v=3.3.6"></script>
    <script type="text/javascript" src="~/Scripts/plugins/iCheck/icheck.min.js"></script>
    <!-- jQuery Validation plugin javascript-->
    <script type="text/javascript" src="~/Scripts/plugins/validate/jquery.validate.min.js"></script>
    <script type="text/javascript" src="~/Scripts/plugins/validate/messages_zh.min.js"></script>
    <script type="text/javascript" src="~/Scripts/Extensions/ExtValidator.js"></script>
    <!-- layer javascript -->
    <script type="text/javascript" src="~/Scripts/plugins/layer/layer.min.js"></script>
    <script src="~/Scripts/plugins/multiselect/bootstrap-multiselect.js"></script>
    <script>
        $(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });


            // validate signup form on keyup and submit
            var icon = "<i class='fa fa-times-circle'></i> ";
            var validator = $("#mainForm").validate({
                rules: {
                    Name: { required: true, },
                    Sex: { required: true, },
                    Phone: { required: true, },
                    BuildingID: { required: true, },
                },
                messages: {
                    Name: { required: icon + "请添加姓名", },
                    Sex: { required: icon + "请选择性别", },
                    Phone: { required: icon + "请添加电话", },
                    BuildingID: { required: icon + "请选择楼盘", },
                },
                submitHandler: function (form) {
                    //进行ajax传值
                    $.ajax({
                        url: "/NewHouse/PropertyConsultant/EditAsync",
                        type: "post",
                        dataType: "json",
                        data: $('#mainForm').serialize(),
                        success: function (data) {
                            //Info,Success,Warning,Error
                            var type = data.type;
                            if (type == 1) {
                                layer.msg(data.content, { icon: 6, time: 2000 },
                                    function () {
                                        var index = parent.layer.getFrameIndex(window.name);
                                        parent.layer.close(index);
                                    });

                            } else {
                                layer.msg(data.content, { icon: 5, time: 2000 });
                            }
                        }
                    });
                }
            });
        });
    </script>

</body>
</html>


